<template>
  <!-- 表格项- 摘要  streamType 1报价 2合同 3生产 4送货 5回款(收款) 6回款计划 7跟踪记录 8报销 9借款 10客户 11日程 12考勤打卡 15付款 22请购 23采购 24退货-->
  <div id="itemDetail">
    <p>类型: {{ data.streamTypeName }}</p>
    <div v-if="data.streamType == 1">
      <p>价格：{{ data.price }}元</p>
      <p>报价日期：{{ data.createTime }}</p>
      <p>
        流程状态：
        <el-button type="warning" text v-if="data.status == 0">
          待审核
        </el-button>
        <el-button type="success" text v-if="data.status == 1">通过 </el-button>
        <el-button type="danger" text v-if="data.status == 2"
          >未通过
        </el-button>
        <el-button type="warning" text v-if="data.status == 3"
          >审核中
        </el-button>
      </p>
      <p>描述：{{ data.description }}</p>
    </div>
    <div v-if="data.streamType == 2">
      <p>合同金额：{{ data.money }}元</p>
      <p>签订日期：{{ data.orderTime }}</p>
      <p>
        流程状态：
        <el-button type="warning" text v-if="data.status == 0">
          待审核
        </el-button>
        <el-button type="success" text v-if="data.status == 1">通过 </el-button>
        <el-button type="danger" text v-if="data.status == 2"
          >未通过
        </el-button>
        <el-button type="warning" text v-if="data.status == 3"
          >审核中
        </el-button>
      </p>
      <p>备注：{{ data.remark }}</p>
    </div>
    <div v-if="data.streamType == 3">
      <p>生产数量：{{ data.quantity }}</p>
      <p>负责人：{{ data.responsibleName }}</p>
      <p>生产状态：{{ data.typeName }}</p>
      <p>截止时间：{{ data.endTime }}</p>
      <p>备注：{{ data.remark }}</p>
    </div>
    <div v-if="data.streamType == 4">
      <p>配送人：{{ data.deliveryName }}</p>
      <p>配送时间：{{ data.deliverTime }}</p>
      <p>送货状态：{{ data.typeName }}</p>
      <p>收货地址：{{ data.address }}</p>
      <p>备注：{{ data.remark }}</p>
    </div>
    <div v-if="data.streamType == 5">
      <p>收款金额：{{ data.money }}元</p>
      <p>收款时间：{{ data.repaymentTime }}</p>
      <p>
        流程状态：
        <el-button type="warning" text v-if="data.status == 0">
          待审核
        </el-button>
        <el-button type="success" text v-if="data.status == 1">通过 </el-button>
        <el-button type="danger" text v-if="data.status == 2"
          >未通过
        </el-button>
        <el-button type="warning" text v-if="data.status == 3"
          >审核中
        </el-button>
      </p>
      <p>备注：{{ data.remark }}</p>
    </div>
    <div v-if="data.streamType == 7">
      <p>跟进类型：{{ data.typeName }}</p>
      <p>跟进内容：{{ data.content }}</p>
      <p>跟进进度：{{ data.progress }}</p>
      <p>下次跟进时间：{{ data.nextTime }}</p>
    </div>
    <div v-if="data.streamType == 8">
      <p>报销金额：{{ data.reimburseMoney }}元</p>
      <p>报销时间：{{ data.reimbursementTime }}</p>
      <p>
        流程状态：
        <el-button type="warning" text v-if="data.status == 0">
          待审核
        </el-button>
        <el-button type="success" text v-if="data.status == 1">通过 </el-button>
        <el-button type="danger" text v-if="data.status == 2"
          >未通过
        </el-button>
        <el-button type="warning" text v-if="data.status == 3"
          >审核中
        </el-button>
      </p>
      <p>备注：{{ data.remark }}</p>
    </div>
    <div v-if="data.streamType == 9">
      <p>借款金额：{{ data.loanMoney }}元</p>
      <p>借款时间：{{ data.loanTime }}</p>
      <p>
        流程状态：
        <el-button type="warning" text v-if="data.status == 0">
          待审核
        </el-button>
        <el-button type="success" text v-if="data.status == 1">通过 </el-button>
        <el-button type="danger" text v-if="data.status == 2"
          >未通过
        </el-button>
        <el-button type="warning" text v-if="data.status == 3"
          >审核中
        </el-button>
      </p>
      <p>备注：{{ data.remark }}</p>
    </div>
    <div v-if="data.streamType == 10">
      <p>联系人：{{ data.firstcontacter }}</p>
      <p>联系人号码：{{ data.phone }}</p>
      <p>地址：{{ data.address }}</p>
      <p>
        流程状态：
        <el-button type="warning" text v-if="data.status == 0">
          待审核
        </el-button>
        <el-button type="success" text v-if="data.status == 1">通过 </el-button>
        <el-button type="danger" text v-if="data.status == 2"
          >未通过
        </el-button>
        <el-button type="warning" text v-if="data.status == 3"
          >审核中
        </el-button>
      </p>
      <p>备注：{{ data.memo }}</p>
    </div>
    <div v-if="data.streamType == 13">
      <!-- <p>请假类型：{{ data.money }}</p> -->
      <p>开始时间：{{ data.startTime }}</p>
      <p>结束时间：{{ data.endTime }}</p>
      <p>
        流程状态：
        <el-button type="warning" text v-if="data.status == 0">
          待审核
        </el-button>
        <el-button type="success" text v-if="data.status == 1">通过 </el-button>
        <el-button type="danger" text v-if="data.status == 2"
          >未通过
        </el-button>
        <el-button type="warning" text v-if="data.status == 3"
          >审核中
        </el-button>
      </p>
      <p>事由：{{ data.cause }}</p>
    </div>
    <div v-if="data.streamType == 14">
      <p>补卡班次：{{ data.replaceType == 1 ? "上班补卡" : "下班补卡" }}</p>
      <p>补卡时间：{{ data.replaceTime }}</p>
      <p>
        流程状态：
        <el-button type="warning" text v-if="data.status == 0">
          待审核
        </el-button>
        <el-button type="success" text v-if="data.status == 1">通过 </el-button>
        <el-button type="danger" text v-if="data.status == 2"
          >未通过
        </el-button>
        <el-button type="warning" text v-if="data.status == 3"
          >审核中
        </el-button>
      </p>
      <p>补卡事由：{{ data.replaceCase }}</p>
    </div>
    <div v-if="data.streamType == 15">
      <p>应付款金额：{{ data.money }}元</p>
      <p>本次付款金额：{{ data.thisTimeMoney }}元</p>
      <p>付款时间：{{ data.payTime }}</p>
      <p>
        流程状态：
        <el-button type="warning" text v-if="data.status == 0">
          待审核
        </el-button>
        <el-button type="success" text v-if="data.status == 1">通过 </el-button>
        <el-button type="danger" text v-if="data.status == 2"
          >未通过
        </el-button>
        <el-button type="warning" text v-if="data.status == 3"
          >审核中
        </el-button>
      </p>
      <p>事由：{{ data.incident }}</p>
    </div>
    <div v-if="data.streamType == 16">
      <p>退款款金额：{{ data.refundMoney }}元</p>
      <p>退款时间：{{ data.createTime }}</p>
      <p>
        流程状态：
        <el-button type="warning" text v-if="data.status == 0">
          待审核
        </el-button>
        <el-button type="success" text v-if="data.status == 1">通过 </el-button>
        <el-button type="danger" text v-if="data.status == 2"
          >未通过
        </el-button>
        <el-button type="warning" text v-if="data.status == 3"
          >审核中
        </el-button>
      </p>
      <p>退款原由：{{ data.incident }}</p>
    </div>
    <div v-if="data.streamType == 22">
      <p>请购金额：{{ data.productPrice }}元</p>
      <p>
        状态：
        <!--请购单状态：0未生单 1部分生单 2已生单-->
        <span v-if="data.requisitionState == 0">未生单</span>
        <span v-if="data.requisitionState == 1">部分生单</span>
        <span v-if="data.requisitionState == 2">已生单</span>
      </p>
      <p>
        流程状态：
        <el-button type="warning" text v-if="data.status == 0">
          待审核
        </el-button>
        <el-button type="success" text v-if="data.status == 1">通过 </el-button>
        <el-button type="danger" text v-if="data.status == 2"
          >未通过
        </el-button>
        <el-button type="warning" text v-if="data.status == 3"
          >审核中
        </el-button>
      </p>
      <p>备注：{{ data.remark }}</p>
    </div>
    <div v-if="data.streamType == 23">
      <p>采购金额：{{ data.procuredPrice }}元</p>
      <p>采购时间：{{ data.procuredTime }}</p>
      <p>到货时间：{{ data.arrivalTime }}</p>
      <p>
        到货状态：
        <!--到货状态：0未到货 1已发货 2已到货 3已退货-->
        <span v-if="data.arrivalState == 0">未到货</span>
        <span v-if="data.arrivalState == 1">已发货</span>
        <span v-if="data.arrivalState == 2">已到货</span>
        <span v-if="data.arrivalState == 3">已退货</span>
      </p>
      <p>
        流程状态：
        <el-button type="warning" text v-if="data.status == 0">
          待审核
        </el-button>
        <el-button type="success" text v-if="data.status == 1">通过 </el-button>
        <el-button type="danger" text v-if="data.status == 2"
          >未通过
        </el-button>
        <el-button type="warning" text v-if="data.status == 3"
          >审核中
        </el-button>
      </p>
      <p>备注：{{ data.remark }}</p>
    </div>
    <div v-if="data.streamType == 24">
      <p>退货金额：{{ data.procuredPrice }}元</p>
      <p>退货时间：{{ data.createTime }}</p>
      <p>
        流程状态：
        <el-button type="warning" text v-if="data.status == 0">
          待审核
        </el-button>
        <el-button type="success" text v-if="data.status == 1">通过 </el-button>
        <el-button type="danger" text v-if="data.status == 2"
          >未通过
        </el-button>
        <el-button type="warning" text v-if="data.status == 3"
          >审核中
        </el-button>
      </p>
      <p>备注：{{ data.remark }}</p>
    </div>
    <div v-if="data.streamType == 25">
      <p>退货时间：{{ data.createTime }}</p>
      <p>
        流程状态：
        <el-button type="warning" text v-if="data.status == 0">
          待审核
        </el-button>
        <el-button type="success" text v-if="data.status == 1">通过 </el-button>
        <el-button type="danger" text v-if="data.status == 2"
          >未通过
        </el-button>
        <el-button type="warning" text v-if="data.status == 3"
          >审核中
        </el-button>
      </p>
      <p>备注：{{ data.remark }}</p>
    </div>
    <div v-if="data.streamType == 27">
      <p>变更版本：{{ data.changeVersion }}</p>
      <p>申请时间：{{ data.createTime }}</p>
      <p>
        流程状态：
        <el-button type="warning" text v-if="data.status == 0">
          待审核
        </el-button>
        <el-button type="success" text v-if="data.status == 1">通过 </el-button>
        <el-button type="danger" text v-if="data.status == 2"
          >未通过
        </el-button>
        <el-button type="warning" text v-if="data.status == 3"
          >审核中
        </el-button>
      </p>
      <p>变更理由：{{ data.changeReason }}</p>
    </div>
  </div>
</template>
<script>
export default {
  name: '',
  data () {
    return {}
  },
  props: {
    data: {
      type: Object,
      required: true
    }
  }
}
</script>
<style lang="scss" scoped>
#itemDetail {
  .el-button {
    padding: 0;
  }
}
</style>